:root {
    --write-bg: transparent !important;
    --codeb-bg: #f8f8f880 !important;
    --quota-bg: #f8f8f880 !important;
    --thead-bg: #f0f0f080 !important;
    --tbody-bg: #f8f8f880 !important;
}

@import "./light.less";

.typora-export,
content {
    background-color: var(--write-bg);
    min-width: 400px;
}

#write {
    width: 100%;
    background: transparent !important;
}

#write:after,
#typora-sidebar::after {
    content: "";
    background: rgba(221, 221, 221, 0.5);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -99;
    min-height: 100%;
    border-radius: 5px;
}

.md-toc {
    background: #f0f0f080;
    border-radius: 0;
    display: block;
    padding: 2rem;
    margin-left: auto !important;
    border-left: 4px solid #fb5555;
    border-right: 4px solid #fb5555;
    max-width: 100%;
}

.ty-sidebar-search-panel,
#file-library-search-result {
    z-index: 1;
}

@media screen and (max-width:800) {
    .md-toc {
        padding: 0;
    }
}

.md-toc::before {
    left: -5rem;
    top: 1rem;
}

.md-toc-content {
    left: 4rem;
    top: 2rem;
}


#write div.md-toc-tooltip {
    left: 0em;
}

#write h3::before,
#write h4::before,
#write h5::before,
#write h6::before {
    background: var(--quota-bg) !important;
    color: var(--text-color) !important;
}

#write .md-fences * {
    background: transparent !important;
}

#write .code-tooltip:after {
    content: "";
    width: 180px;
    background: hsl(0, 100%, 99%);
    height: 25px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 5px;
    z-index: -1;
}

blockquote blockquote {
    background: transparent !important;
}

.task-list-item input:before {
    background: white;
}

.footnotes,
.footnotes em,
.footnotes strong {
    color: var(--text-color) !important;
}

#footer-word-count-info,
#spell-check-panel {
    background: var(--bg-color) !important;
}

@media screen and (max-width: 1300px) {
    footer.ty-footer {
        background: #fff !important;
    }
}

@media screen and (min-width: 1300px) {

    #write {
        box-shadow: none !important;
    }

    div.footer-item {
        background: var(--bg-color);
    }

}

@media print {
    :root {
        --bg-color: #fff !important;
        --write-bg: #fff !important;
    }

    #write:after {
        background: #fff;
    }

}

#top-titlebar,
#top-titlebar * {
    background-color: var(--bg-color);
}

footer.ty-footer {
    background: var(--bg-color);
}

#footer-word-count-info.dropdown-menu {
    background: var(--bg-color);
}

.typora-export,
content {
    background-color: var(--write-bg);
    min-width: 400px;
    background: var(--blur-img);
    background-size: cover;
}

#typora-sidebar {
    background: var(--blur-img);
    border-right: none;
}

#typora-sidebar::after {
    z-index: 0;
}

#outline-content,
.info-panel-tab {
    z-index: 1;
}

#sidebar-files-menu {
    background: #fafafa;
}

.sidebar-footer {
    background: transparent;
}

.file-node-content:hover {
    background: #fafafa80;
}

/*表格顶行*/
#write table tr th {
    border: none;
}

::-webkit-scrollbar-thumb {
    background: rgba(250, 250, 250, 0.2);
    background-clip: padding-box;
}

:root {
    --blur-img: url("");
}